<!-- eslint-disable vue/multi-word-component-names -->

<template>

    <div>
    <span> <img @click="goBack" class="fan"  src="../../assets/icon/hdpi/fh.png" alt=""></span>
     <span class="qian1">钱包</span>
     <router-link to="bang">
        <span class="qian2">查看绑定</span>
     </router-link>
     
     <div class="qian3">
       <h3 class="qian4">我的H币</h3>
        <h1 class="qian5">29870</h1>
        <span class="qian6">(满2000元可体现)</span>
        <router-link to="ti">
            <button class="qian7">提现</button>
        </router-link>
     </div>
     <div class="wen1">
        <p>问诊咨询</p>
        <span>+500H币</span>
        <li>2018.11.10</li>
     </div>
      <div class="wen1">
        <p>病友圈建议被采纳</p>
       <p class="wen2">+100H币</p>
        <li >2018.11.10</li>
     </div>
    </div>
  
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router';

    const router = useRouter(); 
function goBack() {  
      // 使用router.go(-1)模拟浏览器的后退操作  
      router.go(-1);  
    } 
</script>
<style>
*{
   margin: 0;
   padding: 0;
   list-style: none;
}
.qian1{
    font-size: 18px;
    margin-left: 138px;
}
.qian2{
    font-size: 12px;
    position: absolute;
    top: 38px;
    margin-left: 90px;
}
.qian3{
    width: 100%;
    height: 200px;
   background: linear-gradient(to right, #3db2f3, #2796e9,#1f80e1);
   margin-top: 30px;
   border-radius: 4%;
}
.qian4{
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 120px;
    left: 50px;
}
.qian5{
    position: absolute;
    color: #fff;
    top: 180px;
    left: 50px;
    font-size: 32px;

}
.qian6{
    position: absolute;
    top: 230px;
    color: #fff;
    left: 50px;
    font-size: 13px;

}
.qian7{
    width: 80px;
    height: 35px;
    background: #fff;
    position: absolute;
    top: 240px;
    left: 240px;
    border: none;
    border-radius: 8%;
    color: #1f80e1;
}
.wen1{
    margin-top: 20px;
}
.wen1 p{
    font-size: 16px;
}
.wen1 span{
    font-size: 16px;
    color: #fa99b2;
    position: absolute;
    top: 322px;
    right: 30px;
}
.wen1 li{
    font-size: 12px;
}
.wen2{
    position: absolute;
    top: 380px;
    right: 30px;
    font-size: 16px;
     color: #fa99b2;
}

</style> 